<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<!-- 
		Replace path to template, title, header and body
		with actual data.
	 -->
<ui:composition template="/templates/store.xhtml">
	<ui:define name="pageHead"></ui:define>
	<ui:define name="pageTitle">Accueil</ui:define>
	<ui:define name="first">
	</ui:define>
	<ui:define name="body">
		<div class="row">

			<ul class="casse-big orbit-container" data-orbit="true"
				data-options="animation:slide; animation_speed:1000; pause_on_hover:true; animation_speed:500; navigation_arrows:true; bullets:false; next_on_click:true;">
				<li><img src="/PresentationDream/img/promotions/promo1.png" alt="Promotion 1" />
					<div class="orbit-caption">Promotion 1</div></li>
				<li><img src="/PresentationDream/img/promotions/promo2.png" alt="Promotion 2" />
					<div class="orbit-caption">Promotion 2</div></li>
				<li><img src="/PresentationDream/img/promotions/promo3.png" alt="Promotion 3" />
					<div class="orbit-caption">Promotion 3</div></li>
			</ul>
		</div>

		<div class="row casse-medium">
			<div class="large-7 medium-6 small-12 columns">
				<h2>Meilleures ventes</h2>
				<dl class="sub-nav">
					<dt>catégories :</dt>
					<dd class="active">
						<a href="#">Toutes</a>
					</dd>
					<dd>
						<a href="#">Rêves de gloire</a>
					</dd>
					<dd>
						<a href="#">Voyages</a>
					</dd>
					<dd>
						<a href="#">Science-fiction</a>
					</dd>
					<dd>
						<a href="#">Historiques</a>
					</dd>
					<dd>
						<a href="#">Paix dans le monde</a>
					</dd>
					<dd>
						<a href="#">Coquins</a>
					</dd>
				</dl>

				<div class="row casse-medium catalogue-item">
					<div class="small-3 columns">
						<img src="/PresentationDream/img/reves/reve1.bmp" width="100" height="100"></img>
					</div>
					<div class="small-9 columns">
						<div class="row">
							<div class="small-8 columns">
								<label>Rêve tout doux</label>
							</div>
							<div class="small-4 columns"></div>
						</div>
						<div class="casse-small">
							<div class="row casse-small">
								<div class="small-8 columns">
									<label>9.99€</label>
								</div>
								<div class="small-4 columns">
									<a href="#" class="button radius tiny">Acheter</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row casse-medium catalogue-item">
					<div class="small-3 columns">
						<img src="/PresentationDream/img/reves/reve1.bmp" width="100" height="100"></img>
					</div>
					<div class="small-9 columns">
						<div class="row">
							<div class="small-8 columns">
								<label>Rêve tout doux</label>
							</div>
							<div class="small-4 columns"></div>
						</div>
						<div class="casse-small">
							<div class="row casse-small">
								<div class="small-8 columns">
									<label>9.99€</label>
								</div>
								<div class="small-4 columns">
									<a href="#" class="button radius tiny">Acheter</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row casse-medium catalogue-item">
					<div class="small-3 columns">
						<img src="/PresentationDream/img/reves/reve1.bmp" width="100" height="100"></img>
					</div>
					<div class="small-9 columns">
						<div class="row">
							<div class="small-8 columns">
								<label>Rêve tout doux</label>
							</div>
							<div class="small-4 columns"></div>
						</div>
						<div class="casse-small">
							<div class="row casse-small">
								<div class="small-8 columns">
									<label>9.99€</label>
								</div>
								<div class="small-4 columns">
									<a href="#" class="button radius tiny">Acheter</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row casse-medium catalogue-item">
					<div class="small-3 columns">
						<img src="/PresentationDream/img/reves/reve1.bmp" width="100" height="100"></img>
					</div>
					<div class="small-9 columns">
						<div class="row">
							<div class="small-8 columns">
								<label>Rêve tout doux</label>
							</div>
							<div class="small-4 columns"></div>
						</div>
						<div class="casse-small">
							<div class="row casse-small">
								<div class="small-8 columns">
									<label>9.99€</label>
								</div>
								<div class="small-4 columns">
									<a href="#" class="button radius tiny">Acheter</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row casse-medium catalogue-item">
					<div class="small-3 columns">
						<img src="/PresentationDream/img/reves/reve1.bmp" width="100" height="100"></img>
					</div>
					<div class="small-9 columns">
						<div class="row">
							<div class="small-8 columns">
								<label>Rêve tout doux</label>
							</div>
							<div class="small-4 columns"></div>
						</div>
						<div class="casse-small">
							<div class="row casse-small">
								<div class="small-8 columns">
									<label>9.99€</label>
								</div>
								<div class="small-4 columns">
									<a href="#" class="button radius tiny">Acheter</a>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
			<div class="large-4 medium-5 small-12 columns">
				<div class="row">
					<h4>Derniers rêves vus</h4>
					<div class="row casse-medium reves-item">
						<div class="small-3 columns">
							<img src="/PresentationDream/img/reves/reve1.bmp" width="100" height="100"></img>
						</div>
						<div class="small-9 columns">
							<div class="row">
								<div class="small-8 columns">
									<label>Rêve tout doux</label>
								</div>
								<div class="small-4 columns"></div>
							</div>
							<div class="casse-small">
								<div class="row casse-small">
									<div class="small-7 columns">
										<label>9.99€</label>
									</div>
									<div class="small-5 columns">
										<a href="#" class="button radius tiny">Acheter</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row reves-item">
						<div class="small-3 columns">
							<img src="/PresentationDream/img/reves/reve1.bmp" width="100" height="100"></img>
						</div>
						<div class="small-9 columns">
							<div class="row">
								<div class="small-8 columns">
									<label>Rêve tout doux</label>
								</div>
								<div class="small-4 columns"></div>
							</div>
							<div class="casse-small">
								<div class="row casse-small">
									<div class="small-7 columns">
										<label>9.99€</label>
									</div>
									<div class="small-5 columns">
										<a href="#" class="button radius tiny">Acheter</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row reves-item">
						<div class="small-3 columns">
							<img src="/PresentationDream/img/reves/reve1.bmp" width="100" height="100"></img>
						</div>
						<div class="small-9 columns">
							<div class="row">
								<div class="small-8 columns">
									<label>Rêve tout doux</label>
								</div>
								<div class="small-4 columns"></div>
							</div>
							<div class="casse-small">
								<div class="row casse-small">
									<div class="small-7 columns">
										<label>9.99€</label>
									</div>
									<div class="small-5 columns">
										<a href="#" class="button radius tiny">Acheter</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row casse-medium">
					<h4>Nouveaux produits</h4>
					<div class="row casse-medium reves-item">
						<div class="small-3 columns">
							<img src="/PresentationDream/img/reves/reve1.bmp" width="100" height="100"></img>
						</div>
						<div class="small-9 columns">
							<div class="row">
								<div class="small-8 columns">
									<label>Rêve tout doux</label>
								</div>
								<div class="small-4 columns"></div>
							</div>
							<div class="casse-small">
								<div class="row casse-small">
									<div class="small-7 columns">
										<label>9.99€</label>
									</div>
									<div class="small-5 columns">
										<a href="#" class="button radius tiny">Acheter</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row reves-item">
						<div class="small-3 columns">
							<img src="/PresentationDream/img/reves/reve1.bmp" width="100" height="100"></img>
						</div>
						<div class="small-9 columns">
							<div class="row">
								<div class="small-8 columns">
									<label>Rêve tout doux</label>
								</div>
								<div class="small-4 columns"></div>
							</div>
							<div class="casse-small">
								<div class="row casse-small">
									<div class="small-7 columns">
										<label>9.99€</label>
									</div>
									<div class="small-5 columns">
										<a href="#" class="button radius tiny">Acheter</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row reves-item">
						<div class="small-3 columns">
							<img src="/PresentationDream/img/reves/reve1.bmp" width="100" height="100"></img>
						</div>
						<div class="small-9 columns">
							<div class="row">
								<div class="small-8 columns">
									<label>Rêve tout doux</label>
								</div>
								<div class="small-4 columns"></div>
							</div>
							<div class="casse-small">
								<div class="row casse-small">
									<div class="small-7 columns">
										<label>9.99€</label>
									</div>
									<div class="small-5 columns">
										<a href="#" class="button radius tiny">Acheter</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row casse-medium">
					<h4>Contactez-nous</h4>
					<div class="row contact">
						<div class="small-4 columns">
							<img src="/PresentationDream/img/vincent.jpg" alt="photo" />
						</div>
						<div class="small-7 small-offset-1">
							<label>DreamsHop</label>
							<p>
								3 rue Danton<br /> 92240 Malakoff<br /> afcepf@afcepf.fr<br />
								01 49 65 62 49
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</ui:define>
	
	<ui:define name="last">
	</ui:define>
	
</ui:composition>

</html>